/**
 * 好建小程序技术开发
 * 官网：https://www.haojian.cn/
 * 如有小程序方面的需求，欢迎咨询
 */
/* uni-view,
uni-text {
	box-sizing: content-box !important;
} */
.index {
  word-break: break-all;
}
i > img,i > image {
  width: 100%;
}

.bor {
  border-bottom: solid 1rpx #f2f2f2;
}

.cor {
  color: #727d8b;
}

.mlr10 {
  margin-left: 10rpx;
  margin-right: 10rpx;
}

.mlr20 {
  margin-left: 20rpx;
  margin-right: 20rpx;
}

.mlr30 {
  margin-left: 30rpx;
  margin-right: 30rpx;
}

.mtb10 {
  margin-top: 10rpx;
  margin-bottom: 10rpx;
}

.mtb20 {
  margin-top: 20rpx;
  margin-bottom: 20rpx;
}

.mtb30 {
  margin-top: 30rpx;
  margin-bottom: 30rpx;
}

.mt5 {
  margin-top: 5rpx;
}

.mt10 {
  margin-top: 10rpx;
}

.mt15 {
  margin-top: 15rpx;
}

.mt20 {
  margin-top: 20rpx;
}

.mt25 {
  margin-top: 25rpx;
}

.mt30 {
  margin-top: 30rpx;
}

.mt35 {
  margin-top: 35rpx;
}

.mt40 {
  margin-top: 40rpx;
}
.mt64 {
  margin-top: 64rpx;
}

.mt50 {
  margin-top: 50rpx;
}
.mt70 {
  margin-top: 70rpx;
}
.mt100 {
  margin-top: 100rpx;
}

.mt120 {
  margin-top: 120rpx;
}

.ml5 {
  margin-left: 5rpx;
}

.ml10 {
  margin-left: 10rpx;
}

.ml15 {
  margin-left: 15rpx;
}

.ml20 {
  margin-left: 20rpx;
}

.ml30 {
  margin-left: 30rpx;
}

.ml35 {
  margin-left: 35rpx;
}

.mb5 {
  margin-bottom: 5rpx;
}

.mb10 {
  margin-bottom: 10rpx;
}

.mb15 {
  margin-bottom: 15rpx;
}

.mb20 {
  margin-bottom: 20rpx;
}

.mb25 {
  margin-bottom: 25rpx;
}

.mb30 {
  margin-bottom: 30rpx;
}

.mb40 {
  margin-bottom: 40rpx;
}

.mb50 {
  margin-bottom: 50rpx;
}

.mb60 {
  margin-bottom: 60rpx;
}

.mr10 {
  margin-right: 10rpx;
}

.mr15 {
  margin-right: 15rpx;
}

.mr20 {
  margin-right: 20rpx;
}

.mr25 {
  margin-right: 25rpx;
}

.mr30 {
  margin-right: 30rpx;
}

/* 内边距 */

.p20 {
  padding: 20rpx;
}

.p30 {
  padding: 30rpx;
}

.p40 {
  padding: 40rpx;
}

.ptb5 {
  padding-top: 5rpx;
  padding-bottom: 5rpx;
}

.ptb10 {
  padding-bottom: 10rpx;
  padding-top: 10rpx;
}

.ptb20 {
  padding-bottom: 20rpx;
  padding-top: 20rpx;
}

.ptb30 {
  padding-bottom: 30rpx;
  padding-top: 30rpx;
}

.ptb40 {
  padding-bottom: 40rpx;
  padding-top: 40rpx;
}

.plr15 {
  padding-left: 15rpx;
  padding-right: 15rpx;
}

.plr10 {
  padding-left: 10rpx;
  padding-right: 10rpx;
}

.plr20 {
  padding-left: 20rpx;
  padding-right: 20rpx;
}
.plr24 {
  padding-left: 24rpx;
  padding-right: 24rpx;
}

.plr30 {
  padding-left: 30rpx;
  padding-right: 30rpx;
}

.plr40 {
  padding-left: 40rpx;
  padding-right: 40rpx;
}

.pt10 {
  padding-top: 10rpx;
}

.pt20 {
  padding-top: 20rpx;
}

.pt30 {
  padding-top: 30rpx;
}

.pt35 {
  padding-top: 35rpx;
}

.pt40 {
  padding-top: 40rpx;
}

.pt50 {
  padding-top: 50rpx;
}

.pb10 {
  padding-bottom: 10rpx;
}

.pb20 {
  padding-bottom: 20rpx;
}

.pb30 {
  padding-bottom: 30rpx;
}

.pb35 {
  padding-bottom: 35rpx;
}

.pb40 {
  padding-bottom: 40rpx;
}

.pb50 {
  padding-bottom: 50rpx;
}

.pb70 {
  padding-bottom: 70rpx;
}

.pl10 {
  padding-left: 10rpx;
}

.pl15 {
  padding-left: 15rpx;
}

.pl20 {
  padding-left: 20rpx;
}

.pl30 {
  padding-left: 30rpx;
}

.pl40 {
  padding-left: 40rpx;
}
.pr5 {
  padding-right: 5rpx;
}
.pr20 {
  padding-right: 20rpx;
}

.pr30 {
  padding-right: 30rpx;
}

.p10 {
  padding: 10rpx;
}

/* 底部边框 */

.bbe9s {
  border-bottom: 1rpx solid #e9e9e9;
}

.be9s {
  border: 1rpx solid #e9e9e9;
}

.bte9s {
  border-top: 1rpx solid #e9e9e9;
}

.bre9s {
  border-right: 1rpx solid #e9e9e9;
}

.bbe9d {
  border-bottom: 1rpx dashed #e9e9e9;
}

.bff8 {
  border: 1rpx solid #ff8542;
}

.befs {
  border: 1rpx solid #efefef;
}

.bbefs {
  border-bottom: 1rpx solid #efefef;
}

.btefs {
  border-top: 1rpx solid #efefef;
}

/* 背景 */

.bgfff {
  background: #fff;
}
.bgC0{background: #fff;}

.bgf2f3f4 {
  background: #f2f3f4;
}

.bgff8 {
  background: #ff8542;
}

.bgccc {
  background: #ccc;
}

.bg999 {
  background: #999;
}

.bgff5 {
  background: #ff5a46;
}

.bgff5a {
  background: #ff5a5a;
}

.bg36b {
  background: #36bb81;
}

.bgfa {
  background: #fafafa;
}

/* 字体大小 */

.f80 {
  font-size: 80rpx;
}

.f50 {
  font-size: 50rpx;
}
.f48 {
  font-size: 48rpx;
}

.f44 {
  font-size: 44rpx;
}

.f42 {
  font-size: 42rpx;
}

.f40 {
  font-size: 40rpx;
}

.f38 {
  font-size: 38rpx;
}

.f36 {
  font-size: 36rpx;
}

.f34 {
  font-size: 34rpx;
}

.f32 {
  font-size: 32rpx;
}

.f30 {
  font-size: 30rpx;
}

.f28 {
  font-size: 28rpx;
}

.f26 {
  font-size: 26rpx;
}

.f24 {
  font-size: 24rpx;
}

.f22 {
  font-size: 22rpx;
}

.f20 {
  font-size: 20rpx;
}

.f18 {
  font-size: 18rpx;
}

.f16 {
  font-size: 16rpx;
}

.f14 {
  font-size: 14rpx;
}
.f60 {
  font-size: 60rpx;
}
/* 颜色 */
.c1 {
  color: #111;
}
.c2 {
  color: #eeeeee;
}
.c1a {
  color: #1a1a1a;
}

.c0 {
  color: #000;
}

.cf {
  color: #fff;
}

.c3 {
  color: #333;
}

.c4 {
  color: #444;
}

.c6 {
  color: #666;
}

.c8 {
  color: #888;
}

.c9 {
  color: #999;
}

.cc {
  color: #ccc;
}

.ca {
  color: #aaa;
}

.cb {
  color: #bbb;
}

.cd {
  color: #ddd;
}
.cf6 {
  color: #f6f6f6;
}
.cff8 {
  color: #ff8a46 !important;
}

.cff85 {
  color: #ff8542;
}

.cf22 {
  color: #222222;
}
.cff5 {
  color: #ff5a46;
}

.c36b {
  color: #36bb81;
}

.c406 {
  color: #406bb2;
}
.ce {
  color: #eee;
}
.ce9 {
  color: #e9e9e9;
}

.cffc {
  color: #ffc643;
}

.ce01 {
  color: #e01c1c;
}

.color-red {
  color: red;
}

.CE4D {
  color: #4d4d4d;
}
.C1A1A {
  color: #1a1a1a;
}
// 宽度
.w100 {
  width: 100%;
}
.h100 {
  height: 100%;
}
/* 文本位置 */

.txt_center {
  text-align: center;
}

.txt_right {
  text-align: right;
}

.txt_left {
  text-align: left;
}
// 兼容数字字母自动换行
.text_word {
  word-break: break-all;
  word-wrap: break-word;
}
.text_nowrap {
  white-space: nowrap;
}

/* 单排显示，超出隐藏 */
.text_overflow {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clamp1 {
  // display: -webkit-box;
  // -webkit-box-orient: vertical;
  // -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 两排显示超出部分隐藏 */

.clamp2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* 三排显示超出部分隐藏 */

.clamp3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* 四排显示超出部分隐藏 */

.clamp4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

/* box布局 */

.flex_start {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
}

.flex_end {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
}

.flex_center {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex_item_start {
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.flex_around {
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
}

.flex_between {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

.flex_warp {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.flex1 {
  flex: 1;
}

.flex2 {
  flex: 2;
}

.flex_items {
  align-items: center;
}

.self_start {
  align-self: flex-start;
}

.self_center {
  align-self: center;
}

.self_end {
  align-self: flex-end;
}

.flex_column {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}

.flex_shrink {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.box_b {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.opacity10 {
  opacity: 0.1;
}

.opacity30 {
  opacity: 0.3;
}

.opacity50 {
  opacity: 0.5;
}

.opacity100 {
  opacity: 1 !important;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.overHidden {
  overflow: hidden;
}

/* 来乎科技logo */

.jishuzhichi {
  text-align: center;
  position: absolute;
  bottom: 50rpx;
  width: 100%;
  color: #999;
  font-size: 24rpx;
}

.jishuzhichi_m {
  text-align: center;
  width: 100%;
  color: #999;
  font-size: 24rpx;
  margin-top: 50rpx;
}

.cbh {
  height: 40rpx;
}

/* 顶部线条 */

.top_line {
  position: fixed;
  top: 0;
  width: 100%;
  height: 1rpx;
  background: #efefef;
  left: 0;
  z-index: 99;
}

/*返回顶部按钮样式  */

.toTopBtn {
  position: fixed;
  width: 80rpx;
  height: 80rpx;
  border-radius: 100%;
  right: 30rpx;
  bottom: 170rpx;
}

.toTopBtn image {
  width: 100%;
  height: 100%;
}

.backTop {
  position: fixed;
  right: 30rpx;
  bottom: 160rpx;
  width: 80rpx;
  height: 80rpx;
  z-index: 10;
}

/*弹框--模糊层*/

.Popup {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 200;
  pointer-events: auto;
}

.alter1 {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 500;
  background: #fff;
  left: 0;
}

.alterTitle {
  line-height: 98rpx;
  position: relative;
  border-top-left-radius: 6rpx;
  border-top-right-radius: 6rpx;
}

.alterClose {
  width: 98rpx;
  height: 98rpx;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
}

.alterClose image {
  width: 44rpx;
  height: 44rpx;
  position: absolute;
  top: 26rpx;
  right: 26rpx;
}

.alter2 {
  background: #fff;
  border-radius: 6rpx;
  width: 630rpx;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 500;
  animation: centerFadeInDown 0.3s linear forwards;
}

@keyframes centerFadeInDown {
  0% {
    opacity: 0;
    transform: translate(-50%, -100%);
  }

  100% {
    opacity: 1;
    transform: translatY(-50%);
  }
}

.alter2Close {
  position: absolute;
  width: 60rpx;
  height: 60rpx;
  top: -20rpx;
  right: -30rpx;
  text-align: center;
  line-height: 60rpx;
}

.alter2Close image {
  width: 44rpx;
  height: 44rpx;
}

.alter_top {
  background: #fff;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  animation: fadeInAlterTop 0.3s linear forwards;
}

.bottom {
  height: 120rpx;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 100;
}

.bottom_index {
  z-index: 205;
}

.bottom100 {
  height: 100rpx;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 5;
}

.button {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

.space {
  height: 20rpx;
  width: 100%;
}

.spacef {
  height: 20rpx;
  width: 100%;
  background: #f2f3f4;
}

.space50 {
  height: 50rpx;
  width: 100%;
  position: relative;
}

.space100 {
  height: 100rpx;
  width: 100%;
  position: relative;
}

.space120 {
  height: 120rpx;
  width: 100%;
  position: relative;
}

.space120f {
  height: 120rpx;
  width: 100%;
  position: relative;
  background: #f2f3f4;
}
.pos_r {
  position: relative;
}
.pos_a {
  position: absolute;
}
/* 暂无数据 */

.null {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30rpx;
  color: #999;
  z-index: 99;
}

.noComment,
.noDetail {
  text-align: center;
  font-size: 30rpx;
  color: #999;
  padding-top: 100rpx;
  padding-bottom: 100rpx;
}

button::after,
button-hover {
  content: "";
  display: none;
  color: none;
  background-color: none;
}

button::after,
button {
  content: normal;
  background: none;
  background-color: none;
  border: none;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: static;
  border-radius: 0;
  line-height: auto;
}
.l-h1 {
  line-height: 1em;
}

.bold {
  font-weight: bold;
}
.bold-400 {
  font-weight: 400;
}
.bold-500 {
  font-weight: 500;
}
.bold-600 {
  font-weight: 600;
}
.bold-700 {
  font-weight: 500;
}
.bold-800 {
  font-weight: 800;
}
.bold-0 {
  font-weight: normal;
}
.radius {
  -webkit-border-rasius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* 暂无数据 */
.noNore {
  font-size: 24rpx;
  color: #ccc;
  text-align: center;
  padding: 30rpx 0;
}

/*  公共样式 */
.mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  z-index: 999;
}

.mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  z-index: 999;
}

.sticky {
  position: sticky;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.fixed {
  position: fixed;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex {
  display: flex;
}
.flex-warp{
  flex-wrap: wrap;
}

.justify-start {
  display: flex;
  justify-content: flex-start;
}

.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}

.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}

.justify-around {
  display: flex;
  justify-content: space-around;
}

.justify-between {
  display: flex;
  justify-content: space-between;
}

.items-start {
  display: flex;
  align-items: flex-start;
}

.items-end {
  display: flex;
  align-items: flex-end;
}

.items-center {
  display: flex;
  align-items: center;
}

.items-stretch {
  align-items: stretch;
}

.align-start{
	align-content: start
}

.align-center{
	align-content: center;
}

.align-end{
	align-content: flex-end
}

.self-stretch {
  align-self: stretch;
}

.self-center {
  align-self: center;
}

.cc {
  justify-content: center;
  align-items: center;
}

.shrink0 {
  flex-shrink: 0;
}

.block {
  display: block;
}
.inblock {
  display: inline-block;
}

.safe-bottom {
  padding-bottom: calc(24rpx + constant(safe-area-inset-bottom)) !important;
  padding-bottom: calc(24rpx + env(safe-area-inset-bottom)) !important;
}

.gray{
  -webkit-filter: grayscale(100%); /* webkit */
  -moz-filter: grayscale(100%); /*firefox*/
  -ms-filter: grayscale(100%); /*ie9*/
  -o-filter: grayscale(100%); /* opera */
  filter: grayscale(100%);
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
  filter:gray; /*ie9- */
}

iframe{
  border: none !important;
}
.po_center{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.po_topCenter{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.po_leftCenter{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
// .u-popup{
//   .u-fade-enter-active{
//     background-color:rgba(0, 0, 0, 0.7) !important;
//   }
// }
// .u-fade-enter-active{
//   background-color:rgba(0, 0, 0, 0.7) !important;
// }
